<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>登陆 - 用户中心</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />

<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
	<!-- 网页头部开始 -->
	<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
		<a class="navbar-brand" href="#">Logo</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse"
			data-target="#navbarSupportedContent"
			aria-controls="navbarSupportedContent" aria-expanded="false"
			aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarSupportedContent">
			<ul class="navbar-nav mr-auto">
				<li class="nav-item active">
					<a class="nav-link" href="#">首页
						<span class="sr-only">(current)</span>
					</a>
				</li>
				<li class="nav-item"><a class="nav-link" href="#">登陆</a></li>
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
						role="button" data-toggle="dropdown" aria-haspopup="true"
						aria-expanded="false"> 下拉 </a>
					<div class="dropdown-menu" aria-labelledby="navbarDropdown">
						<a class="dropdown-item" href="#">子菜单-1</a>
						<a class="dropdown-item" href="#">子菜单-2</a>
						<div class="dropdown-divider"></div>
						<a class="dropdown-item" href="#">子菜单-3</a>
					</div>
				</li>
				<li class="nav-item">
					<a class="nav-link disabled" href="#">面板</a>
				</li>
			</ul>
			<!-- 小分辨率要藏起来 -->
			<form class="form-inline my-2 my-lg-0 hidden-sm">
				<input class="form-control mr-sm-2" type="search"
					placeholder="关键字" aria-label="Search">
				<button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
			</form>
			
			<ul class="navbar-nav">
				<!-- 小分辨率要藏起来 -->
				<li class="nav-item navbar-text">
					<a href="#">
						<img src="img/user-pic.png" width="28" height="28">
					</a>
				</li>
				<li class="nav-item dropdown">
					<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownRight"
						role="button" data-toggle="dropdown" aria-haspopup="true"
						aria-expanded="false"> 个人中心
						<span class="sr-only">(current)</span>
					</a>
					<div class="dropdown-menu" aria-labelledby="navbarDropdownRight">
						<a class="dropdown-item" href="#">个人中心-1</a>
						<a class="dropdown-item" href="#">个人中心-2</a>
						<div class="dropdown-divider"></div>
						<a class="dropdown-item" href="#">个人中心-3</a>
					</div>
				</li>
			</ul>
		</div>
	</nav>

	<!-- 网页的主体部分 -->
	<div class="container">
		<div class="row">
			<div class="col-md-11 col-sm-offset-1">
				<h2 class="sub-header">用户列表</h2>

				<form action="" method="post" class="form-inline">
					<label for="keyword">关键字:</label>
					<input type="text" name="keyword" value="" class="form-control mr-sm-2">
					<label for="email">更新时间:</label>
					<input type="text" name="st" value="" readonly="true" class="form-control mr-sm-2" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate"/>
					-->
					<input type="text" name="ed" value="" readonly="true" class="form-control mr-sm-2" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate"/>
					<input type="submit" class="btn btn-primary" value="搜索">
				</form>
			</div>
			<div class="col-md-11 col-sm-offset-1">
				<div class="table-responsive mt-2">
					<table class="table table-striped table-hover">
						<thead>
							<tr>
								<th>序号</th>
								<th>邮箱</th>
								<th>昵称</th>
								<th>注册时间</th>
								<th>上次登陆时间</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>724259669@qq.com</td>
								<td></td>
								<td>2016-09-02 14:33:28</td>
								<td>2016-09-05 16:44:56</td>
							</tr>
						
							<tr>
								<td>2</td>
								<td>22@22.com</td>
								<td>2323dddd444</td>
								<td>2016-09-01 17:39:17</td>
								<td>2016-09-02 14:25:12</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="col-md-11 col-sm-offset-1">
				<form id="usersListPageForm" action="/usersCenter-head/head/users/usersList.html"
					method="post" class="form-inline col-md-11 col-sm-offset-1">
					<!-- 设置一些参数 -->
					<input type="hidden" name="keyword" value="">
					<input type="hidden" name="status" value="">
					<input type="hidden" name="st" value="">
					<input type="hidden" name="ed" value="">

					<nav aria-label="Page navigation example">
						<ul class="pagination justify-content-end">
							<li class="page-item">
								<a href="#" class="page-link">
									<span>首页</span>
								</a>
							</li>
							<li class="page-item">
								<a href="#" class="page-link">
									<span>上一页</span>
								</a>
							</li>
							<li class="page-item">
								<a href="#" class="page-link">
									<span>下一页</span>
								</a>
							</li>
							<li class="page-item">
								<a href="#" class="page-link">
									<span>尾页</span>
								</a>
							</li>
							<li class="page-item">共1页,共2条</li>
							<li class="page-item">
								第<input type="text" id="currentPage" name="currentPage" class="form-control" value="1" size="5" maxlength="5"/>页
							</li>
							<li class="page-item">
								<input type="text" id="pageSize" name="pageSize" class="form-control" value="20" size="5" maxlength="5"/>
							</li>
							<li class="page-item"><input type="submit" value="GO" class="form-control btn btn-primary"/></li>
						</ul>
					</nav>
				</form>
			</div>
		</div>
	</div>
	
	<!-- 提示信息 -->
	<div class="container">
		<div class="col-sm-8 col-sm-offset-1">
			<div class="alert alert-warning alert-dismissible fade show" role="alert">
				<button type="button" class="close" data-dismiss="alert"
					aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
				成功退出
			</div>
		</div>
	</div>
	
	<footer class="footer">
		<div class="container">
			<div class="row">
				<div class="col-sm-11 col-lg-6">
					<h4>
						<!-- <img src="http://static.bootcss.com/www/assets/img/logo.png"> -->
					</h4>
					<p>
						本网站所列开源项目的中文版文档全部由<a href="#">用户中心</a>顶力开发 <a href="#"
							target="_blank">CC BY 3.0</a>协议发布。
					</p>
				</div>
				<div class="col-sm-11  col-lg-6">
					<div class="row">
						<div class="col-sm-3">
							<ul class="list-unstyled">
								<li class="mb-1">关于</li>
								<li class=""><a href="#" class="text-muted">关于我们</a></li>
								<li class=""><a href="#" class="text-muted">广告合作</a></li>
								<li class=""><a href="#" class="text-muted">友情链接</a></li>
								<li class=""><a href="#" class="text-muted">招聘</a></li>
							</ul>
						</div>
						<div class="col-sm-3">
							<ul class="list-unstyled">
								<li class="mb-1">联系方式</li>
								<li class=""><a href="#" class="text-muted">新浪微博</a></li>
								<li class=""><a href="#" class="text-muted">电子邮件</a></li>
							</ul>
						</div>
						<div class="col-sm-3">
							<ul class="list-unstyled">
								<li class="mb-1">旗下网站</li>
								<li class=""><a href="#" class="text-muted">Laravel中文网</a></li>
								<li class=""><a href="#" class="text-muted">Ghost中国</a></li>
							</ul>
						</div>
						<div class="col-sm-3">
							<ul class="list-unstyled">
								<li class="mb-1">赞助商</li>
								<li class=""><a href="#" class="text-muted">UCloud</a></li>
								<li class=""><a href="#" class="text-muted">又拍云</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<hr>
			<div class="row">
				<div class="col-md-11 col-md-offset-1 text-center">
					<ul class="list-inline">
						<li class="list-inline-item"><a href="#"  class="text-secondary">京ICP备11008151号</a></li>
						<li class="list-inline-item">京公网安备11010802014853</li>
					</ul>
				</div>
			</div>
		</div>
	</footer>
</body>
</html>